<html>
	<head>
		<title>Pony's HTML Template</title>
		<style type="text/css">
			.header {
				font-size: 20pt;
				background-color: blue;
			}
			
			span {
				color: red;
			}
		</style>
		
		<script type="text/javascript">
			window.onload = function() {
				var divs = document.getElementsByTagName( "div" );
				// alert( "divs[0]: " + divs[0].className );
				// alert( "divs[1]: " + divs[1].className );
				for( var element in divs ) {
					alert( "element: " + element.className );
					
					var elementClassName = element.className;
					if( typeof( elementClassName ) != "undefine" ) {
						alert( "elementClassName: " + elementClassName );
					} else {
						alert( "elementClassName is undefine!" );
					}
					
					/*
					if( element.className == "content" ) {
						var originalHtml = element.innerHTML;
						alert( "originalHtml: " + originalHtml );
						element.innerHTML = originalHtml + "<span>Hello JavaScript!</span>";
						return;
					}
					*/
				}
				
				for( var i = 0; i < divs.length; i++ ) {
					divs[i].innerHTML = "Hello JavaScript!";
				}
			};
		</script>
		
	</head>
	
	<body>
		<div class="header">
			<p>Pony's HTML Template</p>
		</div>
		<div class="content">
			<p>Hello World!</p>
		</div>
	</body>
</html>